<!--混凝土拌和站---动态监控--实时监控-->
<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2022-12-02 13:13:25
 * @LastEditors: 卡卡 1071780426@qq.com
 * @LastEditTime: 2023-10-31 11:07:34
 * @FilePath: \backstage - 副本\src\views\aa.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="department" id="department">
      <!-- 右侧 -->
      <div class="department_right">
        <div class="app-container-btn">
        <el-button @click="goBack">返回</el-button>
      </div>
        <!-- 表格 -->
        <div class="text_table TensionRealTime">
            <div
              class="dialogBody common  table_detail"
              style="overflow: hidden"
            >
              <commonPage
                :commonData="commonData"
                @loadingShow="loadingShow"
              ></commonPage>
            </div>
        </div>
  
  
      </div>
    </div>
  </template>
  <script>
  
  
  import formJs from "./regexDetail.js"; //新增弹框配置项
  import commonPage from "@/components/pitchManage/dyMonitorManage/real_timeDataPage"; //主页面列表
  

  import messageBox from "@/components/public/messageBox"; //主页面分页
//   import actions from "@/actions";
  
  import { statusType } from "@/utils/config"; //配置项
  export default {
    name: "realTimeDataDetail",
    data() {
      return {
        name: "realTimeDataDetail", //按钮配置页面代号
        showMsgBox: false,
        msgTip: "请先选中数据行！",
        msgType: 1,
        rowInfo: null, //当前行信息
        editLoading: false,
        userInfo: {}, //登录用户
        commonData: {},
      };
    },
    components: {
      commonPage,
      messageBox,
    },
    mounted() {
      this.yj_viewForm(JSON.parse(this.$route.query.data));
    },
    methods: {
        goBack() {
      this.$router.back();
    },
      confirmMsg() {
        this.showMsgBox = false;
      },
      // 点击当前行
      rowChange(val) {
        this.rowInfo = val;
      },
      yj_viewForm(row) {
        if (row != "" && row != null) {
          this.commonData = {
            fId: row.fId,
            companyId: row.fCompanyid,
            machineId: row.fMachineid,
          };
        } 
      },
    },
  };
  </script>
  
  <style scoped lang="less">
  .TensionRealTime {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  
  .dialogBody {
    padding: 3px 20px;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
  
    .jpbox {
      height: 100%;
    }
  
    .tab {
      display: flex;
      font-size: 14px;
      height: 30px;
      line-height: 30px;
      box-sizing: border-box;
      border-bottom: 2px solid #e4e7ed;
      padding: 0 0.16rem;
  
      .btn {
        margin-top: 4px;
        margin-right: 16px;
        width: 102px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
      }
    }
  
    .charts {
      height: calc(100% - 30px);
    }
  }
  
  .baseTitle {
    /* border: 1px solid #0c204d; */
    border-bottom: 1px solid #0c204d;
  
    height: 30px;
    line-height: 30px;
    position: relative;
    padding-left: 15px;
  }
  
  .baseTitle::after {
    display: block;
    content: "";
    height: 30px;
    width: 5px;
    position: absolute;
    left: 0;
    top: 0;
    background: #0c204d;
  }
  
  .jipeiBox {
    display: flex;
    flex: 1;
    display: flex;
    flex-direction: column;
  
    .errorMonitoring {
      flex: 1;
    }
  }
  </style>
  